<template>
    <div class="procurement-qualification-audit">
        <search-form :searchArray="searchArray"></search-form>
        <div class="table-box">
            <div class="title">
                采购资质审核 
                 <el-popover
                    placement="top-start"
                    width="400"
                    trigger="hover"
                    >
                    <div class="msg">
                        其中的平台审核状态，对应的是该药店针对每一个供应商上传资料鑫药盟平台进行审核的状态
                    </div>
                    <Icon slot="reference" type="wenhao" style="margin-left: 10px;"></Icon>
                </el-popover>
            </div>
            <elTable :formData="formData" @tableData="getList" ref="dataInfo">
                    <el-table-column prop="name" label="药店名称" align="center"></el-table-column>
                    <el-table-column prop="group" label="用户名" align="center"></el-table-column>
                    <el-table-column prop="group" label="手机号" align="center"></el-table-column>
                    <el-table-column prop="group" label="收货区域" align="center"></el-table-column>
                    <el-table-column prop="loginTime" label="未上传" align="center"></el-table-column>
                    <el-table-column prop="loginTime" label="平台待审核" align="center"></el-table-column>
                    <el-table-column prop="loginTime" label="供应商待审核" align="center"></el-table-column>
                    <el-table-column prop="loginTime" label="已开户" align="center"></el-table-column>
                    <el-table-column prop="loginTime" label="平台不通过" align="center"></el-table-column>
                    <el-table-column prop="loginTime" label="更新时间" align="center"></el-table-column>
                    <el-table-column prop="action" label="操作" align="center">
                        <template slot-scope=""></template>
                    </el-table-column>
            </elTable>
        </div>
    </div>
</template>
<script>
import elTable from "@/components/xForm/elTable"
export default {
    name: 'procurementQualificationAudit',
    components: {
        elTable
    },
    data () {
        return {
            formData: {
                id: '',
                currentPage: 1,
                pageSize: 10
            },
            searchArray: [
                {
                    type:'input',
                    placeholder: '请输入药店名称',
                    value: '',
                    label: '药店名称',
                },
                {
                    type:'input',
                    placeholder: '请输入手机号',
                    value: '',
                    label: '手机号',
                },
                {
                    type:'input',
                    placeholder: '请输入用户名',
                    value: '',
                    label: '用户名',
                },
                {
                    type: "select",
                    placeholder: "请选择审核状态",
                    filterable: false,
                    value: "",
                    width: '',
                    label: '审核状态',
                    list: [
                    {
                        label: "",
                        value: ""
                    }
                    ]
                },
                {
                    type: "select",
                    placeholder: "请选择",
                    filterable: false,
                    value: "",
                    width: '',
                    label: '收货(省)',
                    list: [
                    {
                        label: "",
                        value: ""
                    }
                    ]
                },
                {
                    type: "select",
                    placeholder: "请选择",
                    filterable: false,
                    value: "",
                    width: '',
                    label: '收货(市)',
                    list: [
                    {
                        label: "",
                        value: ""
                    }
                    ]
                },
                {
                    type: "select",
                    placeholder: "请选择",
                    filterable: false,
                    value: "",
                    width: '',
                    label: '收货(区)',
                    list: [
                    {
                        label: "",
                        value: ""
                    }
                    ]
                },
                {
                    type: "select",
                    placeholder: "请选择",
                    filterable: false,
                    value: "",
                    width: '',
                    label: '收货(道)',
                    list: [
                    {
                        label: "",
                        value: ""
                    }
                    ]
                },
                {
                    type: "datePicker",
                    startText: "开始日期",
                    endText: "结束日期",
                    types: "daterange",
                    value: "",
                    rangeSpeparator: "至",
                    label: '注册时间'
                },
            ],
        }
    },
    methods: {
        getList(pageNo) {
            let dataInfo = [
                {
                    id: 1,
                    name: "你好",
                    createTime: '1595244696000'
                },
                {
                    id: 2,
                    name: "你好1",
                    createTime: '1595244696000'
                },
            ];
            let total = 10;
            this.$nextTick(() => {
                this.$refs.dataInfo.loadData(dataInfo, total);
            });
        },
    }
}
</script>
<style lang="scss" scoped>
.procurement-qualification-audit {
    .table-box {
        margin-top: 16px;
        .title {
            padding-bottom: 16px;
        }
    }
}
</style>